<template>
  <div class="cellContent">
    <div class="bottom">
      <div class="flex">
        <h1 class="title">
          {{ this.detailInfo.epidNewsTitle }}
        </h1>
        <p class="source">
          {{ this.detailInfo.epidNewsSource }}
          {{ this.detailInfo.epidNewsTime }}
        </p>
        <p class="content">
          {{ this.detailInfo.epidNewsContent }}
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      detailInfo: [],
      nucleinAcidData: [],
      fileList: [],
    };
  },
  methods: {
    // 获取详情数据
    getData(arr = []) {
      this.detailInfo = arr;
    },
    // 文字内容换行转换
    showHTML(text) {
      return text
        ? text.toString().replace(new RegExp("\r\n|\n", "g"), "<br />")
        : "";
    },
  },
};
</script>

<style scoped lang="less">
.title {
  padding: 0px 0px 0px 10px;
  font-size: 18px;
  line-height: 1.36em;
  word-break: break-all;
  color: #333;
  padding-top: 4px;
}
.source {
  font-size: 12px;
  color: rgb(149, 149, 149);
  margin: 13px;
}
.content {
  margin: 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 28px;
  color: #333;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  text-indent: 2em;
}
</style>
